<div class="panel panel-default" ng-controller="PaginationDemoCtrl">
	<div class="panel-heading">Pagination Examples</div>
	
	<div class="panel-body">
	
		<div class="row">
		
			<div class="col-sm-6">
				
				<h4>Default</h4>
				<pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></pagination>
				<br />
				<pagination boundary-links="true" total-items="totalItems" ng-model="currentPage" class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
				<br />
				<pagination direction-links="false" boundary-links="true" total-items="totalItems" ng-model="currentPage"></pagination>
				<br />
				<pagination direction-links="false" total-items="totalItems" ng-model="currentPage" num-pages="smallnumPages"></pagination>
				
				<pre>The selected page no: {{currentPage}}</pre>
				
				<button class="btn btn-info" ng-click="setPage(3)">Set current page to: 3</button>
				
			</div>
			<div class="col-sm-6">
			
				<h4>Pager</h4>
				
				<pager total-items="totalItems" ng-model="currentPage"></pager>
				
				<hr />
				<h4>Limit the maximum visible buttons</h4>
				
				<pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true"></pagination>
				<pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false" num-pages="numPages"></pagination>
				
				<pre>Page: {{bigCurrentPage}} / {{numPages}}</pre>
				
			</div>
			
		</div>
	
	</div>
</div>